﻿*{ margin: 0;padding: 0;}
.fleft{ float: left;}
.fright{ float: right;}
.clear{ clear: both;}
.width{ width: 100%;display: block;}
.white{ background-color: white;}
.border{ border: 1px solid #c0c0c0;}
.margintop{ margin-top: 10px;}
.hidden{ display: none;}
ul li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #002d9e;
}
a:hover {
    text-decoration: underline;
}
body {
    font-family: arial, tahoma;
    background: url(images/banner.jpg) repeat;
}
.wrapper {
    width: 1004px;
    margin: 0px auto;
}
#banner {
    height: 80px;
}
#logo {
    width: 446px;
    height: 73px;
    background: url(images/logo.jpg) no-repeat;
    display: block;
}
#features {
    display: block;
    margin: 8px 0;
    position: absolute;
    right: 140px;
    text-align: right;
    top: 0;
}
#features li {
    background: url(images/festar.jpg) no-repeat top right;
    font-size: 13px;
    padding: 2px 25px 2px 0;
    color: #187ad5;
}
#car {
    background: url("images/car.jpg") no-repeat scroll 0 0 transparent;
    height: 73px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 128px;
}
#mainmenu {
    height: 40px;
    background: url(images/menubg.jpg) repeat-x;
}
#menuul li {
    display: block;
    float: left;
}
#menuul li a {
    color: white;
    display: block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 10px;
}
li.mainsap {
    border-left: 1px solid #0058aa;
    border-right: 1px solid #0084ff;
    height: 36px;
    margin-top: 2px;
}
#menuul li a.home,#menuul li a.home:hover {
    width: 35px;
    height: 40px;
    background: url(images/home.jpg) no-repeat !important;
}
#menuul li a:hover,a.mainmenusel {
    background: url(images/menubgsel.jpg) repeat-x;
    text-decoration: none;
}
#Search {
    width: 550px;
    height: 50px;
}
#selCategory {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #C0C0C0;
    height: 25px;
    margin: 13px 10px 0 15px;
    padding: 3px;
    float: left;
    width: 200px;
}
#txbSearch {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #C0C0C0;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-top: 13px;
    width: 245px;
}
#btnSearch {
    background: url("images/search.jpg") no-repeat;
    border: medium none;
    float: right;
    height: 30px;
    margin: 11px 5px 0 0;
    color: white;
    font-size: 13px;
    cursor: pointer;
    width: 64px;
}
#Cart {
    background: url("images/cart.jpg") no-repeat scroll 385px 3px white;
    height: 50px;
    width: 440px;
}
#UserInfo {
    border-right: 1px solid #E9E9E9;
    height: 100%;
    width: 50%;
    background: url(images/user.png) no-repeat top right;
}
#UserInfo a,#CartInfo a{
    font-size: 13px;
    font-style: italic;
    padding: 0 5px;
}
#UserInfo a:hover,#CartInfo a:hover {
    text-decoration: underline;
}
#UserName,#CartItems {
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
}
#UserName span,#CartInfo span {
    color: red;
}
#CartInfo {
    height: 100%;
    width: 49%;
}
#SlideShow {
    width: 700px;
    height: 250px;
    background: url("images/slideshow.jpg") no-repeat top left transparent;
    overflow: hidden;
}
#News {
    width: 290px;
    height: 250px;
}
#newsHead {
    background: url("images/news.jpg") no-repeat scroll 0 0 white;
    color: red;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-transform: uppercase;
}
#NewsItems {
    display: block;
    padding: 5px 5px 5px 30px;
}
#NewsItems li {
    clear: both;
    list-style: disc outside url("images/lstnews.jpg");
    margin: 5px 0;
}
#NewsItems li a {
    font-size: 13px;
}
#LeftPane {
    width: 240px;
}
#CategoryHead {
    background: url("images/category.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
.CategoryItem {
    background: url("images/down.jpg") no-repeat scroll 225px 50% #C8E4FD;
    color: #00529E;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 1px;
    cursor: pointer;
}
.Catalogs {
    margin-left: 22px;
    padding: 5px 10px;
}
.Catalogs li {
    list-style: url(images/shap.jpg);
}
.Catalogs li a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0;
    color: #444;
}
#Rightpane {
    width: 745px;
}
#BestSell {
    position: relative;
}
#BestSellHead {
    background: url("images/containred.jpg") no-repeat scroll left top transparent;
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    left: -8px;
    line-height: 50px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    width: 733px;
}

#ProductsNew {
    position: relative;
}
#ProductsNewHead {
    background: url("images/containblue.jpg") no-repeat scroll left top transparent;
    color: white;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    left: -8px;
    line-height: 50px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    width: 979px;
}
.viewmore {
    background: url("images/shap.jpg") no-repeat scroll left center transparent;
    display: block;
    font-style: italic;
    font-weight: normal;
    padding-left: 10px;
    position: absolute;
    right: 5px;
    top: 0;
}
.viewmore2 {
    background: url("images/shap.jpg") no-repeat scroll left center transparent;
    font-style: italic;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    text-align: right;
    font-size: 13px;
    
}
.borderblue {
    border-color: #81c3ff;
    border-style: none solid solid;
    border-width: 1px;
}
.Products {
    
}
.productItems {
    float: left;
    font-size: 13px;
    height: 305px;
    margin-left: 30px;
    width: 210px;
    position: relative;
    margin-top: 10px;
}
.productimg 
{
   display: block;
    position: relative;
}
.productimg img {
    border: 1px solid #E8E8E8;
    display: block;
    margin: 0 auto;
}
.productlink {
    display: block;
    font-weight: bold;
    text-align: center;
}
.productAuthor,.productOrinizePrice,.productPrice {
    color: #444444;
    font-size: 12px;
}
.productAuthor span,.productAuthor a{
    font-style: italic;
}
.productOrinizePrice span,.productPrice span {
    font-weight: bold;
}
.productOrinizePrice span {
    color: #999999;
    text-decoration: line-through;
}
.productPrice span 
{
    color: #7a0000;
}
.productBuy {
    background: url("images/buy.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 20px;
    margin: 5px auto;
    text-align: center;
    width: 92px;
}
.productActions {
    text-align: center;
    display: none;
}
.productActions a {
    color: #d06e05;
    margin: 0 5px;
}
.productItems:hover .productActions {
    display: block;
}
.productSale {
    background: url("images/sale.png") no-repeat scroll 0 0 transparent;
    color: white;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    height: 53px;
    line-height: 53px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 53px;
    z-index: 100;
}
.producteps {
    background: url("images/eps.png") no-repeat scroll 0 0 transparent;
    bottom: 30px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 125px;
}
.pages {
    margin: 2px 5px 10px 0;
    text-align: right;
}
.pages a {
    border: 1px solid red;
    color: red;
    font-size: 13px;
    padding: 1px 5px;
    margin: 0 2px;
}
.pages a:hover,.pages a.selected {
    text-decoration: none;
    background: #ff6e6e;
}
#MarqueSlideUp {
    height: 40px;
    background: url("images/slideup.jpg") repeat-x;
}
.marqueSlideimage {
    display: block;
    float: left;
    padding: 4px;
}
.marqueSlide {
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    width: 615px;
}
.marqueSlide li {
    display: block;
    font-size: 13px;
    height: 100%;
    line-height: 40px;
}
.marqueslidelink {
    display: block;
    float: right;
    line-height: 40px;
    padding: 0 5px 0 10px;
}
#ProductsRecommend {
     background: none repeat scroll 0 0 white;
}
.ProductsRecommendHeader {
    color: #DB0000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
}
.RecommendViewMore {
    float: right;
    margin-top: 3px;
}
.RecommendItems {
    width: 330px;
    height: 190px;
}
.RecommendItems .productimg {
    float: left;
    margin-right: 10px;
}
.RecommendItems .productlink {
    text-align: left;
}
.RecommendItems .productBuy {
    float: right;
    margin-right: 50px;
}
.RecommendItems .productActions {
    clear: right;
}
.RecommendItems .productSale {
    left: 5px;
    top: 5px;
}
.RecommendItems .producteps {
    right: -5px;
 }
 #SupportOnline {
    background: url("images/support.jpg") repeat-x scroll 0 0 white;
    border-top-style: solid;
 }
 .spHeader {
    color: #0066B5;
    font-size: 18px;
    margin: 5px 0;
    text-align: center;
 }
 .spOnline {
     
 }
 
 #SearchBottom {
     width: 100%;
     background: url("images/serchBottomBg.jpg") repeat-x scroll 0 0 transparent;
     height: 56px;
     line-height: 56px;
 }
 #SearchConten {
     width: 680px;
     margin: 0px auto;
     color: #262626;
     position: relative;
 }
 #SearchConten span {
     font-weight: bold;
     margin-right: 10px;
     border-color: #7f9db9;
 }
 #SearchConten select {
     width: 150px;
 }
 #SearchConten input {
     width: 200px;
 }
 #SearchConten button {
     background: url("images/search2.gif") no-repeat top left scroll transparent;
     width: 67px;
     height: 26px;
     position: absolute;
     top: 17px;
 }
 #SearchConten a {
     color: #262626;
     text-decoration: none;
     font-weight: bold;
     padding-left: 80px;
 }
 
 #NavBottom {
     width: 100%;
     background: url("images/navBottomBg.jpg") repeat-x top left transparent;
     height: 266px;
     position: relative;
 }
 
 #NavBottomContent {
     width: 976px;
     margin: 0px auto;
     margin-left: 30px;
 }
 #NavBottomContent ul {
     padding: 55px 0px 0px 20px;
 }
 #NavBottomContent ul li {
     width: 250px;
     float: left;
     text-indent: 30px;
     padding-right: 65px;
 }
 
 #NavBottomContent ul li ul {
     padding: 0px;
     margin: 0px;
 }
 
 #NavBottomContent ul li span {
     color: #003399;
     font-weight: bold;
     font-size: 16px;
 }
 #NavBottomContent ul li ul li {
     list-style-image: url("images/listImage.jpg");
     list-style-position: inside;
     padding: 2px 0px;
 }
 #NavBottomContent ul li ul li a {
     text-decoration: none;
     color: black;
 } 
  #NavBottomContent ul li ul li a:hover {
     color: #003399;
 } 